/*!
 * Start Bootstrap - SB Admin Bootstrap Admin Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

body
{
    /*margin-top: 100px;*/
    background-color: #222;
}

@media (min-width:768px)
{
    body
    {
/*        margin-top: 50px;*/
    }
}

#wrapper
{
    padding-left: 0;
}

#page-wrapper
{
    width: 100%;
    padding: 0;
    background-color: #fff;
}

.huge
{
    font-size: 50px;
    line-height: normal;
}

@media (min-width:768px)
{
    #wrapper
    {
        /*padding-left: 225px;*/
    }

    #page-wrapper
    {
        padding: 10px;
    }
}

/* Top Navigation */

.top-nav
{
    padding: 0 15px;
}

.top-nav > li
{
    display: inline-block;
    float: left;
}

.top-nav > li > a
{
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
    color: #999;
}

.top-nav > li > a:hover, .top-nav > li > a:focus, .top-nav > .open > a, .top-nav > .open > a:hover, .top-nav > .open > a:focus
{
    color: #fff;
    background-color: #000;
}

.top-nav > .open > .dropdown-menu
{
    float: left;
    position: absolute;
    margin-top: 0;
    border: 1px solid rgba(0,0,0,.15);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.top-nav > .open > .dropdown-menu > li > a
{
    white-space: normal;
}

ul.message-dropdown
{
    padding: 0;
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
}

li.message-preview
{
    width: 275px;
    border-bottom: 1px solid rgba(0,0,0,.15);
}

li.message-preview > a
{
    padding-top: 15px;
    padding-bottom: 15px;
}

li.message-footer
{
    margin: 5px 0;
}

ul.alert-dropdown
{
    width: 200px;
}


/* Custom Colored Panels */

.huge
{
    font-size: 40px;
}

.panel-green
{
    border-color: #5cb85c;
}

.panel-green .panel-heading
{
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green a
{
    color: #5cb85c;
}

.panel-green a:hover
{
    color: #3d8b3d;
}

.panel-red
{
    border-color: #d9534f;
}

.panel-red .panel-heading
{
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red a
{
    color: #d9534f;
}

.panel-red a:hover
{
    color: #b52b27;
}

.panel-yellow
{
    border-color: #f0ad4e;
}

.panel-yellow .panel-heading
{
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow a
{
    color: #f0ad4e;
}

.panel-yellow a:hover
{
    color: #df8a13;
}


/* Custom style */
.logo
{
    padding: 5px 15px;
    display: block;
}

.tab
{
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-top: 20px;
    overflow:hidden;    
}

.tab-item
{
    text-align: center;
    background-color: #222;
    line-height: 50px;
    padding:0;
    
}

.tab-item a:link, .tab-item a:hover
{
    font-weight: bold;
    color: White;
    text-decoration: none;
    display:block;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
    border-right:1px solid #fff;    
}

.tab-item a:hover
{
    color:#95F22B;
}

.tab-item a.active
{
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color:White;
    border:3px solid #222;
    border-bottom:none;
    color:#222;
    line-height:47px;
}

.tab-item a.done
{
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color:#A1E25A;
    background-image: url("/images/web/submenu_bg.jpg");
    border:3px solid #222;
    border-bottom:none;
    color:#222;
    line-height:47px;
}

.tab-content
{
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border:3px solid #222;
    border-top:none;
}


.list-label li
{
    list-style:none;
}


@media (max-width: 768px) {
    .tab-item i.fa
    {
        font-size:22px;
    }
}

/* For Validation */
.ValidateColor 
{
    color: Red;
    font-weight: bold;
}

/* For Candidate Info */
.Caption
{
    color: White;
    background-color: Gray;
    height: 33px;
    text-align: center;
    border: 1px solid;
    border-color: Black;
}

.Caption-Header
{
    font-size: x-large;
    font-weight: bold;    
}

.lnkButton
{
    color: Black;
    background-color: White;
    height:33px;
    text-align: center;
    border: 1px solid;
}

.btn-primary {
    background-color: #A1E25A;
    border-color: #A0D365;
    color: #fff;
}
